*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    text-decoration:none ;
}
/* 头部 */
.head{
    height: 74px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.head-center{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-center img{
    height: 74px;
    width: 103px;
}
.head-center-center{
    width: 956px;
    height: 16px;
    margin: 0 0 0 8px;
}
.head-center-center a{
    font-size: 16px;
    color: #000000;
    margin: 0 0 0 40px;
}
.head-center-center a:hover{
    color: #d80a2c;
}
.head-center-right{
    width: 126px;
    height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-center-right span{
    font-size: 26px;    
    color: #a3a3a3;
    font-weight: 600;
}
.head-center-right span:hover{
    color: #1a1a1a;
}
/* 轮播图 */
.banner{
    height: 550px;
    width: 100%;
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.banner img{
    width: 3000px;
    height: 100%;
}
/* 产品 */
.product{
    width: 100%;
    background-color: #f2f3f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1xp solid green;
}
.new{
    width: 1212px;
    height: 1249px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.all-head{
    height: 64px;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.all-head p{
    width: 1212px;
    line-height: 32px;
    font-weight: 400;
    font-size: 24px;
    margin: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content{
    height: 1212px;
    width: 1197px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: space-around;
}
.content-box0{
    width: 1212px;
    height: 399px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.content-box{
    width: 291px;
    height: 387px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.content-box:hover{
    box-shadow:1px 1px 30px 0px rgba(50, 50, 50, 0.61);
}
.content-box-head{
    height: 236px;
    width: 291px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

}

.content-box-head .content-box-head-1{
    width: 100%;
    line-height: 21px;
    font-size: 12px;
    font-weight: 400;

    color: #d80a2c;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-box-head-1 span{
    padding: 0 3px;   
    border: 1px solid white;
    background-color: #fbe7ea;
    border-radius: 5px;
}
.content-box-head img{
    width: 185px;
    height: 185px;
}
.content-box-foot{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;

}
.content-box-p1{
    width: 100%;
    line-height: 19px;
    height: 19px;
    font-weight: 600;
    font-size: 14px;
    color: black;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.content-box-p1 span{
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: white;
    padding:  0 4px;
    border: 1px solid white;
    border-radius: 5px;
    background-color: #d80a2c;
}
.content-box-p2{
    font-size: 13px;    
    font-weight: 400;
    color: #a3a3a3;
    margin-top: 5px;
}
.content-box-p3{
    padding-top: 1px;
    height: 21px;
    color: #d20a2c;
    margin-top: 12px;
}
.content-box-p3 del{
    line-height: 14px;
    font-size: 12px;
    color: #808080;
}
.content-box-p4{
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-box-p4 span{
    line-height: 16px;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
    color: rgb(207, 10, 44);
    border: 1px solid rgb(207, 10, 44) ;
    border-radius: 5px;
    margin: 10px 5px 0 5px;
}
.content-box-p5{
    margin-top: 10px;
}
.content-box-p5 span{
    font-size: 12px;
    line-height: 16px;
    color: #b3b3b3;

}
.hot{
    width: 1212px;
    height: 1752px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.hot .content{
    height: 1700px;
    width: 1212px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: space-around;
}
.hot .content-box0{
    width: 1212px;
    height: 340px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.hot .content-box{
    width: 230px;
    height: 328px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.hot .content-box-head{
    height: 201px;
    width: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.hot .content-box-head img{
    width: 177px;
    height: 154px;
}
.hot .content-box-foot{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
.hot .content-box-p1{
    line-height: 19px;
    height: 19px;
    font-weight: 600;
    font-size: 14px;
    color: black;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.phone{
    width: 1212px;
    height: 850px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.pc{
    width: 1212px;
    height: 850px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.slab{
    width: 1212px;
    height: 850px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.exercise{
    width: 1212px;
    height: 850px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.audio{
    width: 1212px;
    height: 1249px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.furniture{
    width: 1212px;
    height: 1249px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

}
.choose{
    width: 1212px;
    height: 1249px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.more{
    width: 1212px;
    height: 1249px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.recommend{
    width: 1212px;
    height: 253px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.recommend-foot{
    width: 1212px;
    height: 202px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.recommend-foot-box{
    width: 392px;
    height: 190px;
    background-color: white;
    display: flex;  
    justify-content: space-around;
    align-items: center;
}
.recommend-foot-box-left img{
    height: 148px;
    width: 148px;
}
.recommend-foot-box-right{
    width: 182px;
    height: 150px;
}
.recommend-foot-box-right .p1{
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: #000000;
}
.recommend-foot-box-right .p2{
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
}
.recommend-foot-box-right .p3{
    width: 58px;
    padding: 0 4px;
    font-size: 12px;
    color: rgb(207, 10, 44);
    font-weight: 400;
    border: 1px solid rgba(207, 10, 44, 0.4); 
    border-radius: 4px;
}
.recommend-foot-box-right .p4{
    line-height: 21px;
    font-size: 16px;
    color: rgb(207, 10, 44);
    font-weight: 400;
    margin: 0 0 8px;
}
.recommend-foot-box-right .p5{
    width: 102px;
    padding: 0 15px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    background-color: rgb(207, 10, 44);
    border-radius: 18px;
}
.foot{
    width: 100%;
    height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f3f5;
    padding: 30px 0 ;
}
.foot-center img{
    width: 1200px;
}